// 引入组件，加载js/css
import Vue from 'vue'// 导入Vue
import App from './App.vue'// 导入根组件
import router from './router'// 导入路由文件
import './plugins/element.js'
import './assets/css/global.css'
import './assets/ali-icon/iconfont.css'
/* 导入axios包 */
import axios from 'axios'

/* 导入富文本编辑器 */
import VueQuillEditor from 'vue-quill-editor'

/* 导入富文本编辑器对应的样式 */
import 'quill/dist/quill.core.css' // import styles
import 'quill/dist/quill.snow.css' // for snow theme
import 'quill/dist/quill.bubble.css' // for bubble theme

/* 设定axios的请求根目录 */
axios.defaults.baseURL = 'http://localhost:8011/'
/* 向vue对象中添加全局对象 以后发送ajax请求使用$http对象 */
Vue.prototype.$http = axios

/* 将富文本编辑器注册为全局可用的组件 */
Vue.use(VueQuillEditor)

// 定义价格格式化的属性过滤器
// 调用的写法：{{price|priceFormat}}
Vue.filter('priceFormat', (price) => {
  return price.toFixed(2)
})

Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App)// 根据App组件中的代码，在页面中创建出DOM节点元素（h是creatElement的简写）
}).$mount('#app')// 手动将vue对象绑定到#app元素中（当前没有el属性）
